//1.引入Vue
import Vue from 'vue'

// 2.引入VueRouter
import VueRouter from 'vue-router'


// 引入路由组件
import Login from '../pages/Login'
import Home from '../pages/Home'

// 二级路由引入
import Music from '../pages/Home/Music'
import News from '../pages/Home/News'


// 3,让Vue使用VueRouter这个插件
Vue.use(VueRouter)

// 4.暴露 实例化路由器对象
export default new VueRouter({
    //在实例化路由器对象的配置中,书写路由表配置
    routes: [
        { path: "/login", component: Login, name: 'login' },
        {
            path: "/home",
            component: Home,
            //在某个路由规则中如果有默认子路由,则在当前路由中不再书写name属性
            // name: 'home',
            children: [
                { path: "music/:id/:time?", component: Music, name: "music" },
                { path: 'news', component: News, name: 'news' },
                // 路由重定向02-二级路由重定向之一:redirect
                { path: '/', redirect: '/home/News' },

                // 路由重定向02-二级路由重定向之二:默认子路由
                // {path:'',component:News}

            ]
        },
        // 路由重定向01
        /* 通过路由规则的redirect属性，指定一个新的路由地址，可以很方便地设置路由的重定向 */
        { path: '/', redirect: '/home' }
    ]
})